header{
    width: 100%;
    height: 29px;
    background-color: #f6f6f6;
    .con{
        width: 1200px;
        height: 29px;
        margin: 0 auto;
        // background-color: aquamarine;
        .con-right{
            width: 479px;
            height: 29px;
            margin-left: 710px;
            // background-color: burlywood;
            .login-show{
                float: left;
                width: 102px;
                height: 13px;
                a{
                    float: left;
                    font-size: 11px;
                    text-decoration: none ;
                    margin-top: 8px;
                    color: #333333;
                    &:hover{
                        color: #ff464e;
                    }
                }
                span{
                    display: inline-block;
                    height: 13px;
                    width: 2px;
                    margin-top: 8px;
                    background-color: #ede7e3;
                }
                a:nth-child(1){
                    margin-right: 14px;
                }
                a:nth-child(2){
                    margin-right: 12px;
                    color: #ff464e;
                }
            }
            .center{
                float: left;
                width: 241px;
                height: 29px;
                a{
                    float: left;
                    height: 11px;
                    text-decoration: none;
                    font-size: 11px;
                    color: #333333;
                    &:hover{
                        color: #ff464e;
                    }
                }
                a:nth-child(1){
                    margin-top: 8px;
                    margin-left: 15px;
                    margin-right: 17px;
                }
                a:nth-child(2){
                    // margin-right: 15px;
                    margin-top: 8px;
                }
                a:nth-child(3){
                   height: 29px;
                   padding-left: 15px;
                    padding-right: 5px;
                    
                    line-height: 11px;
                    img{
                        margin-top: 5px;
                        float: left;
                        margin-right: 10px;
                    }
                    span{
                        display: inline-block;
                        font-size: 11px;
                    
                        margin-top: 8px;
                        color: #333333;
                        margin-right: 5px;
                    }
                    i{
                        display: inline-block;
                    height: 18px;
                    width: 18px;
                    background-color: #ff464e;
                    border-radius: 50%;
                    color: #ffffff;
                    text-align: center;
                    line-height: 18px;
                    margin-top: 4px;
                    font-style: normal;
                   margin-right: 7px;
                    }
                    &:hover{
                        background-color: #ffffff;
                    }
                }
                
                
                span:nth-child(4){
                    display: inline-block;
                    width: 1px;
                    height: 12px;
                    background-color: #e2e2e2;
                    // margin-right: 7px;
                    margin-top: 6px;
                }
            }
            .con-r{
                width: 136px;
                height: 29px;
                float: left;
                a{
                    float: left;
                    color: #333333;
                    font-size: 11px;
                    margin-top: 7px;
                    text-decoration: none;
                    &:hover{
                        color: #ff464e;
                    }
                }
                a:nth-child(1){
                    margin-left: 14px;
                    margin-right: 24px;
                }
            }
        }
    }
}
    .logo{
        height: 123px;
        width: 100%;
        // overflow: hidden;
        border-bottom: 2px solid #ff464e;
        .logo-con{
            width: 1200px;
            height: 123px;
            // overflow: hidden;
            margin: 0 auto;
            // background-color: aqua;
            .logo-top{
                height: 62px;
                width: 1200px;
                float: left;
            
            .logo-con-left{
                width: 196px;
                height: 43px;
                float: left;
                margin-top: 19px;
                margin-left: 2px;
                position: relative;
                // background-color: aliceblue;
                a{
                    float: left;
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -80px -393px;
                }
            }
            .logo-con-center{
                width: 430px;
                height: 30px;
                float: left;
                position: relative;
                // background-color: #e2e2e2;
                margin-top: 28px;
                margin-left: 247px;
                a:nth-child(1){
                    float: left;
                    position: absolute;
                    width: 122px;
                    height: 30px;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: 0px 0px;
                }
                span:nth-child(2){
                    float: left;
                    position: absolute;
                    margin-left: 142px;
                    margin-top: 5px;
                    width: 3px;
                    height: 18px;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -142px -5px;
                }
                a:nth-child(3){
                    float: left;
                    position: absolute;
                    margin-left: 164px;
                    width: 112px;
                    height: 30px;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -164px 0px;
                }
                span:nth-child(4){
                    float: left;
                    position: absolute;
                    margin-left: 296px;
                    margin-top: 5px;
                    width: 3px;
                    height: 18px;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -296px -5px;
                }
                a:nth-child(5){
                    float: left;
                    position: absolute;
                    margin-left: 318px;
                    width: 112px;
                    height: 30px;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -318px 0px;
                }
            }
            .logo-con-right{
                height: 35px;
                width: 237px;
                float: left;
                margin-top: 25px;
                position: relative;
                margin-left: 88px;
                input{
                    width: 200px;
                    height: 35px;
                    border: none;
                    background-color: #efefef;
                    // color: #e5dcd6;
                    font-size: 12px;
                    padding-left: 10px;
                    outline: none;
                }
                span{
                    float: right;
                    width: 37px;
                    height: 35px;
                    position: absolute;
                    // background-color: #e2e2e2;
                    background: url(../img/header-total.gif) no-repeat ;
                    background-position: -463px -65px;
                }
            }
            
        }
        .logo-con-bottom{
            width: 485px;
            height: 38px;
            float: left;
            margin-top: 23px;
            // background-color: #e2e2e2;
            ul{
                width: 100%;
                height: 100%;
                li{
                    height: 100%;
                    float: left;
                    padding-left: 25px;
                    padding-right: 25px;
                    font-size: 12px;
                    line-height: 38px;
                    list-style: none;
                    a{
                        color: #333333;
                        text-decoration: none;
                        &:hover{
                            color: #ff464e;
                        }
                    }
                   
                }
                li:nth-child(1){
                    // background-color: #ff464e;
                    border-top-left-radius:7px;
                    border-top-right-radius:7px;
                    a{
                        color: #333333;
                    }
                }
                li:nth-child(5){
                    position: relative;
                        img{
                            float: left;
                            margin-top: 12px;
                            margin-right: 5px;
                        }
                        span{
                            position: absolute;
                            width: 160px;
                            height: 184px;
                            background: url(../img/ewm.png) no-repeat;
                            left: -27px;
                            top: 38px;
                            display: none;
                        }
                        &:hover{
                            span{
                                display: block;
                            }
                        }
                    
                }
            }
        }
    }
}
// 中心内容区域
main{
    width: 100%;
    min-height: 500px;
    // background-color: #7e6695;
    section{
        width: 1200px;
        min-height: 500px;
        margin: auto;
        // border: 1px solid red;
        p{
            padding: 24px 0px;
            margin-left: 5px;
            font-size: 14px;
            a{
                color: #333;
                &:hover{
                    color: red;
                }
            }
        }
        // 商品展示
        .box-shoop{
            width: 100%;
            min-height: 400px;  
            // border: 1px solid red;
            display: flex;
            justify-content: space-between;
            .box-1{
                width: 480px;
                height: 100%;
                position: relative;
                // border: 1px solid red;
                .Small-img{
                    float: left;
                    width: 62px;
                    height: 400px;
                    ul{
                        width: 100%;
                        height: 100%;
                        // overflow: auto;
                        margin-right: 20px;
                        // border: 1px solid red;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        li{
                            width: 100%;
                            height: 60px;
                            border: 1px solid #ebebeb;
                            margin-bottom: 8px;
                            img{
                                width: 100%;
                                height: 100%;
                                // display: none;
                            }
                            &:hover{
                                border: 1px solid #333;
                            }
                        }
                    }
                }
               .big-img{
                   width: 400px;
                   height: 400px;
                   position: relative;
                //    border: 1px solid red;
                   float: right;
                   img{
                       position: absolute;
                    //    background-color: #7e6695;
                       width: 100%;
                       height: 100%;
                       display: none;
                   }
                   span{
                    width: 100px;
                    height: 100px;
                    position: absolute;
                    width: 80px;
                    height: 80px;
                    background: rgba(200,200,200, 0.6);
                    left: 0;
                    top: 0;
                    cursor: move;
                    display: none;
                   }
               } 
               .big-big-img{
                   width: 400px;
                   height: 400px;
                   position: absolute;
                   overflow: hidden;
                   z-index: 10;
                   display: none;
                //    background-color: red;
                   left: 500px;
                   img{
                       width: 800px;
                       height: 800px;
                       position: absolute;
                        display: none;
                   }

               }
            }
            // 商品详情
            .box-2{
                width: 674px;
                min-height: 420px;
                display: flex;
                justify-content: space-between;
                // border: 1px solid red;
                .detailed{
                    width: 460px;
                    min-height: 400px;  
                    // border: 1px solid red;
                    h3{
                        font-size: 18px;
                        width: 100%;
                        max-height: 62px;
                    }
                    .Price{
                        width: 100%;
                        height: 50px;
                        // border: 1px solid red;
                        display: inline;
                        display: flex;
                        justify-content: space-between;
                        background-color: #ffefef;
                        div{
                            
                            line-height: 50px;
                            // border: 1px solid red;
                        }
                        .discount{
                            color: red;
                            padding-left: 13px;
                            b{
                                font-size: 26px;
                                font-weight: 500;
                            }
                            span{
                                font-size: 14px;
                                color:#999999;
                                margin-left: 11px;
                                position: relative;
                                bottom: 4px;
                                width: 155px;
                            }
                        }
                        .time{
                            font-size: 12px;
                            color: #666666;
                            text-align: right;
                            padding-right: 20px;
                        }
                    }
                    // 配送地址
                    .address{
                        width: 100%;
                        height: 46px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        font-size: 12px;
                        border-bottom: 1px dotted #e2e2e2;
                        margin-bottom: 22px;
                        i{
                            color: #999;
                            margin-left: 10px;
                            font-style: normal;
                        }
                        span{
                            margin-left: 14px;
                            margin-right: 6px;
                            &:nth-child(3){
                                margin-left: 6px;
                                margin-right: 10px;
                                border: 1px solid #dbdbdb;
                                padding: 0px 7px;
                                i{
                                    margin-left: 3px;
                                }
                            }
                        }
                    }
                    // 商品颜色
                    dl{
                        width: 100%;
                        min-height: 34px;
                        // border: 1px solid red;
                        font-size: 12px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;
                        dd{
                            color: #999;
                            margin-left: 10px;
                            &:nth-child(1){
                                margin-top: 10px;
                            }
                            ul{
                                min-height: 34px;
                                display: flex;
                                justify-content: flex-start;
                                flex-wrap: wrap;
                                li{
                                    padding: 0px 8px;
                                    min-width: 66px;
                                    height: 34px;
                                    border: 1px solid #666;
                                    margin-right: 10px;
                                    img{
                                        width: 23px;
                                        height: 23px;
                                        margin-top: 4px;
                                        margin-right: 6px;
                                        vertical-align: middle;
                                        // border: 1px solid red;
                                    }
                                }
                            }
                        }
                    }
                    // 商品规格/尺寸
                    .size{
                        margin-top: 10px;
                        dd{
                             ul{
                                 li{
                                     text-align: center;
                                     line-height: 34px;
                                 }
                             }
                        }
                     }
                    //  商品数量
                     .num{
                         margin-top: 20px;
                         dd{
                             &:nth-child(2){
                                 width: 108px;
                                height: 30px;
                                border: 1px solid #e2e2e2;
                                display: inline-block;
                                input{
                                    float: left;
                                    width: 52px;
                                    height: 100%;
                                    border: none;
                                    background-color: #f6f6f6;
                                    border-left: 1px solid #e2e2e2;
                                    border-right: 1px solid #e2e2e2;
                                    text-align: center;
                                    &:nth-child(odd){
                                        width: 27px;
                                        font-size: 13px;
                                        border: none;
                                        background-color: transparent;
                                    }
                                }
                             }
                         }
                     }
                    //  加入购物车
                    .buy{
                        width: 353px;
                        height: 40px;
                        margin-left: 64px;
                        margin-top: 20px;
                        // border: 1px solid red;
                        display: flex;
                        justify-content: space-between;
                        input{
                            width: 156px;
                            height: 100%;
                            border: 1px solid red;
                            color: #fff;
                            background-color: rgb(244, 100, 110);
                            cursor: pointer;
                            font-size: 20px;
                            &:hover{
                                background-color: red;
                            }
                            &:first-child{
                                color: #ff2e3b;
                                background-color: #ffefef;
                                &:hover{
                                    background-color: #fff;
                                }
                            }
                        }
                    }
                }
                // 店铺详情
                .shop{
                    width: 193px;
                    height: 400px;
                    padding: 0px 20px;
                    border: 1px solid #e2e2e2;
                    .shop-top{
                        width: 153px;
                        height: 155px;
                        border-bottom: 1px dotted #ebebeb;
                        div{
                            width: 50px;
                            height: 50px;
                            margin-top: 20px;
                            margin-left: 50px;
                            border: 1px solid #ebebeb;
                            margin-bottom: 20px;
                        }
                        p{
                            width: 153px;
                            font-size: 14px;
                            padding: 0px;
                            text-align: center;
                            a:hover{
                                color: #000;
                            }
                            &:nth-child(3){
                                font-size: 12px;
                                margin-top: 9px;
                                color: #999;
                            }
                        }
                    }
                    .situation{
                        width: 153px;
                        height: 140px;
                        border-bottom: 1px dotted #ebebeb;
                        // border: 1px solid red;
                        span{
                            display: inline-block;
                            margin-top: 20px;
                            font-size: 13px;
                            color: #666;
                            a{
                                color: #666;
                                &:hover{
                                    color: red;
                                }
                            }
                            i{
                                width: 12px;
                                height: 12px;
                                margin-right: 12px;
                                display: inline-block;
                                position: relative;
                                top: 3px;
                                img{
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
        // 更多
        .more{
            width: 320px;
            height: 54px;
            margin-left: 80px;
            margin-top: 23px;
            font-size: 12px;
            color: #666;
            // border: 1px solid red;
            position: relative;
            margin-bottom: 100px;
            span:nth-child(2){
                margin: 0px 30px;
            }
            a{
                position: relative;
                bottom: -20px;
                color: #666;
                margin-right: 62px;
                i{
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../img/mall-total.gif) no-repeat -109px -1px;
                }
                &:nth-child(5) i{
                    background-position: -108px -24px;
                }
                &:hover{
                    color: red;
                }
            }
        }
    }
    .details{
        width: 1200px;
        min-height: 500px;
        margin: 0 auto;
    }
}

aside{
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 34px;
    // border: 1px solid red;
    background-color: #444444;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .r-top{
        width: 100%;
        height: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        div{
            cursor: pointer;
        }
        div:nth-child(1){
            width: 100%;
            height: 37px;
            text-align: center;
            line-height: 37px;
            // border: 1px solid red;
            position: relative;
            color: #bbb;
            .login{
                position: absolute;
                // display: none;
                opacity: 0;
                width: 220px;
                height: 138px;
                right: 87px;
                top: 0;
                background-color: #fff;
                // border: 1px solid red;
                box-shadow: -2PX 2PX 2PX #eee;
                transition:all .5s ease-in-out;
                dl{
                    width: 100%;
                    height: 160px;
                    dt{
                        width: 100%;
                        height: 88px;
                        span{
                            display: inline-block;
                            width: 65px;
                            height: 65px;
                            border-radius: 50%;
                            margin-top: 20px;
                            border: 1px solid #eee;
                        }
                    }
                    dd{
                        width: 100%;
                        height: 32px;
                        font-size: 12px;
                        line-height: 32px;
                        border-top: 2px solid rgb(255,214,215);
                        border-bottom: 2px solid rgb(255,214,215);
                        background-color: rgb(255,243,245);
                        position: relative;
                        color: #000;
                        i{
                            font-style: normal;
                        }
                        span{
                            display: inline-block;
                            position: absolute;
                            border-left: 10px solid #fff;
                            border-top: 10px solid transparent;
                            border-right: 10px solid transparent;
                            border-bottom: 10px solid transparent;
                            top: -83px;
                            right: -20px;
                        }
                    }
                }   
            }
            &:hover{
                color: #fff;
                background-color: red;
                .login{
                    display: block;
                    opacity: 1;
                    right: 37px;
                }   
            }
        }
        // 购物袋图标
        div:nth-child(2){
            width: 100%;
            height: 122px;
            padding: 0px 10px;
            color: #bbb;
            font-size: 15px;
            padding-top: 10px;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            a{
                display: inline-block;
                color: #bbb;
                width: 100%;
                height: 100%;
                span{
                    display: inline-block;
                    color: #fff;
                    text-align: center;
                    background-color: red;
                    width: 17px;
                    height: 17px;
                    border-radius: 50%;
                    font-size: 12px;
                    margin-top: 3px;
                }
            }
            &:hover{
                display: block;
                right: 47px;
                color: #fff;
                background-color: red;
                span{
                    background-color: #fff;
                    color: red;
                }
            }
        }
        // 收藏
        div:nth-child(3){
            width: 100%;
            height: 37px;
            color: #bbb;
            font-size: 24px;
            text-align: center;
            line-height: 37px;
            position: relative;
            dl{
                // display: none;
                
                font-size: 13px;
                position: absolute;
                opacity: 0;
                top: 0;
                left: -130px;
                width: 90px;
                height: 37px;
                border-radius: 1px;
                background-color: #444444;
                transition:all .5s ease-in-out;
                span{
                    display: inline-block;
                    position: absolute;
                    border-left:6px solid #444;
                    border-top: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    top: 18px;
                    right: -10px;
                    color: #fff;
                }
            }
            &:hover{
                background-color: red;
                color: #fff;
                dl{
                    opacity: 1;
                    // display: block;
                    left: -90px;
                }
            }
        }
        // 优惠券
        div:nth-child(4){
            width: 100%;
            height: 37px;
            color: #bbb;
            font-size: 24px;
            text-align: center;
            line-height: 37px;
            position: relative;
            dl{
                // display: none;
                opacity: 0;
                font-size: 13px;
                position: absolute;
                top: 0;
                left: -130px;
                width: 90px;
                height: 37px;
                border-radius: 1px;
                background-color: #444444;
                transition:all .5s ease-in-out;
                span{
                    display: inline-block;
                    position: absolute;
                    border-left:6px solid #444;
                    border-top: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    top: 18px;
                    right: -10px;
                    color: #fff;
                }
            }
            &:hover{
                background-color: red;
                color: #fff;
                dl{
                    opacity: 1;
                    display: block;
                    left: -90px;
                }
            }
        }
    }
    // 底部
    .r-botm{
        width: 100%;
        height: 140px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        div{
            cursor: pointer;
        }
        div:nth-child(1){
            width: 100%;
            height: 37px;
            color: #bbb;
            font-size: 24px;
            text-align: center;
            line-height: 37px;
            position: relative;
            dl{
                // display: none;
                opacity: 0;
                font-size: 13px;
                position: absolute;
                top: 0;
                left: -130px;
                width: 90px;
                height: 37px;
                border-radius: 1px;
                background-color: #444444;
                transition:all .5s ease-in-out;
                span{
                    display: inline-block;
                    position: absolute;
                    border-left:6px solid #444;
                    border-top: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    top: 18px;
                    right: -10px;
                    color: #fff;
                }
            }
            &:hover{
                background-color: red;
                color: #fff;
                dl{
                    opacity: 1;
                    display: block;
                    left: -90px;
                }
            }
        }
        // 二维码
        div:nth-child(2){
            width: 100%;
            height: 37px;
            color: #bbb;
            font-size: 24px;
            text-align: center;
            line-height: 37px;
            position: relative;
            dl{
                // display: none;
                opacity: 0;
                font-size: 13px;
                position: absolute;
                top: -100px;
                left: -200px;
                width: 160px;
                height: 186px;
                border-radius: 1px;
                background-color: #444444;
                transition:all .5s ease-in-out;
                img{
                    width: 100%;
                    height: 100%;
                }
                span{
                    display: inline-block;
                    position: absolute;
                    border-left:6px solid #fff;
                    border-top: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    top: 115px;
                    right: -10px;
                    color: #fff;
                }
            }
            &:hover{
                background-color: red;
                color: #fff;
                dl{
                    display: block;
                    opacity: 1;
                    left: -160px;
                }
            }
        }
        // 返回顶部
            div:nth-child(3){
                width: 100%;
                height: 37px;
                color: #bbb;
                font-size: 24px;
                text-align: center;
                line-height: 37px;
                position: relative;
                dl{
                    // display: none;
                    opacity: 0;
                    font-size: 13px;
                    position: absolute;
                    top: 0;
                    left: -130px;
                    width: 90px;
                    height: 37px;
                    border-radius: 1px;
                    background-color: #444444;
                    transition:all .5s ease-in-out;
                    span{
                        display: inline-block;
                        position: absolute;
                        border-left:6px solid #444;
                        border-top: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-bottom: 6px solid transparent;
                        top: 18px;
                        right: -10px;
                        color: #fff;
                    }
                }
                &:hover{
                    background-color: red;
                    color: #fff;
                    dl{
                        opacity: 1;
                        display: block;
                        left: -90px;
                    }
                }
            }
    }
}
// 尾部区域内容
footer{
    width: 100%;
    min-height: 200px;
    border-top: 5px solid #ff464e;
    background-color: #f9f9f9;
    .footer-con{
        width: 1102px;
        height: 250px;
        margin: 0 auto;
        // background-color: aquamarine;
        .footer-con-top{
           
            width: 1100px;
            height: 147px;
            float: left;
            .footer-con-top-left{
                width: 90px;
                height: 117px;
                float: left;
                margin-top: 30px;
                img{
                    float: left;
                    width: 90px;
                    height: 90px;
                }
                p{
                    width: 88px;
                    height: 12px;
                    float: left;
                    font-size: 12px;
                    line-height: 12px;
                    color: #7e6695;
                    margin-left: 1px;
                    margin-top: 15px;
                    text-align: center;
                }
            }
            .footer-con-top-center{
                width: 783px;
                height: 117px;
                float: left;
                margin-top: 30px;
                margin-left: 65px;
                dl{
                    width: 200px;
                    height: 117px;
                    float: left;
                    dt{
                        height: 12px;
                        font-size: 12px;
                        font-weight: 600;
                        color: #333333;
                        margin-bottom: 12px;
                        margin-left: 6px;
                    }
                    dd{
                        font-size: 11px;
                        // height: 11px;
                        line-height: 22px;
                    
                        a{
                            color: #666666;
                            text-decoration: none;
                            
                        
                        i{
                            
                            width: 4px;
                            height: 4px;
                            overflow: hidden;
                            border-radius: 50%;
                            background: #c6c6c6;
                            display: inline-block;
                            margin-right: 5px;
                            float: left;
                            margin-top: 8px;
                        }
                    }
                    &:hover{
                        a{
                            text-decoration: underline;
                        }
                    }
                    }
                }
                dl:nth-child(4){
                    width: 180px;
                }
            }
            .footer-con-top-right{
                width: 157px;
                height: 72px;
                float: right;
                margin-top: 60px;
                position: relative;
                
                    a{
                        position: absolute;
                        width: 86px;
                        height: 35px;
                        overflow: hidden;
                        background: url(../img/service_add.gif) no-repeat;
                        background-position: 0px -5px;
                        
                    }
                p{
                    // float: right;
                    font-size: 11px;
                    color: #919191;
                    margin-left: 95px;
                    margin-top: 4px;
                }
                i{
                    font-size: 11px;
                    color: #666666;
                    float: left;
                    margin-top: 26px;
                }
            }
        }
        
        .footer-con-bottom{
            float: left;
            width: 855px;
            height: 115px;
            margin-left: 110px;
            // background-color: #7e6695;
            
            ul{
                width: 855px;
                height: 13px;
                margin-top: 24px;
                float: left;
                li{
                    float: left;
                    font-size: 11px;
                    list-style: none;
                    color: #d5cac9;
                    a{
                        text-decoration: none;
                        color: #d5cac9;
                        float: left;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                    
                }
                li:nth-child(1){
                    margin-right: 4px;
                          
                      }
                span{
                    float: left;
                    width: 3px;
                    height: 13px;
                    background-color: #d5cac9;
                    margin-left: 3px;
                    margin-right: 4px;
                }
            }
            p{
                float: left;
                width: 350px;
                height: 13px;
                font-size: 13px;
                line-height: 13px;
                color: #d5cac9;
                margin-left: 270px;
                margin-top: 7px;

            }
            
        }
    }
}
    .show{
    display: block !important;
}
.bor{
    border: 1px solid red !important;
}